<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单练习</title>
<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	
<h3>垂直或基本表单</h3>
<div class="container">
	<form action="" role="form">
		<div class="form-group">
			<label for="name" >名字:</label>
			<input type="text" class="control" placeholder="输入名字">
		</div>

		<div class="form-group">
			<label for="inputfile">文件输入</label>
			<input type="file" id="inputfile">
			<p class="help-block">这里是块级帮助文本的实例</p>
		</div>

		<div class="checkbox">
			<label ><input type="checkbox">checkbox复选框</label>
		</div>

		<button type="submit" class="btn btn-default" style="border:1px solid red;">提交</button>
	</form>

</div>


 <br><br><br><br> 
 	<h3>内联表单</h3>
<div class="container">
	<div class="container">
		<form class="form-inline">
			
		</form>
	</div>

</div>





 <br><br><br><br> 
 	<h3>水平表单</h3>
<div class="container">
	

</div>










 <br><br><br><br>  <br><br><br><br>  <br><br><br><hr> 
<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
	<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	<script src="lib/lib/js/bootstrap.min.js"></script>
</body>
</html>